// 颜色变量
@primary-color: #4dabf7;
@secondary-color: #1a365d;
@background-color: #ffffff;
@text-color: #000000;
@border-color: #444;
@input-bg: #252526;

// 间距变量
@spacing-xs: 4px;
@spacing-sm: 8px;
@spacing-md: 16px;
@spacing-lg: 24px;
@spacing-xl: 32px;

// 字体大小
@font-size-xs: 12px;
@font-size-sm: 14px;
@font-size-md: 16px;
@font-size-lg: 18px;
@font-size-xl: 20px;

// 圆角
@border-radius-sm: 6px;
@border-radius-md: 8px;
@border-radius-lg: 12px;

// 阴影
@box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

// 自定义颜色函数
.custom-darken(@color, @amount) {
  color: darken(@color, @amount);
}

.custom-lighten(@color, @amount) {
  color: lighten(@color, @amount);
}
